<%@ Page Language="C#" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>AnimationExtender</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="TheScriptManager" runat="server"></asp:ScriptManager>
    
        <div id="thePanel" style="background-color:#aaa">
            <h2>Click the button to dismiss me.</h2>
        </div>

        <asp:Button ID="Button1" runat="server" Text="Click Me" OnClientClick="return false" UseSubmitBehavior="false" />

        <ajaxToolkit:AnimationExtender ID="AnimationExtender1" runat="server"
                               TargetControlID="Button1">
          <Animations>
            <OnLoad>
                <Scale ScaleFactor="2" />
            </OnLoad>
            <OnClick>
                <Sequence>
                    <EnableAction Enabled="false" />
                    <FadeOut AnimationTarget="thePanel"
                             MinimumOpacity="0"
                             MaximumOpacity="1"
                             />
                </Sequence>
            </OnClick>
          </Animations>
        </ajaxToolkit:AnimationExtender>

    </form>
</body>
</html>
